<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="./vue.js"> </script>
</head>
<body>
 <div id="hehe">
  string: {{ string }}
  <hr>
  num: {{ num + 111 }}
  <hr>
  arr: {{ arr }}
  <hr>
  obj: {{ obj }}
  <hr>
  bool: {{ bool ? "真": "假" }}
  <hr>
  null: {{ !null ? "真": "假" }}
  <hr>
  undef: {{ undef || "假" }}
  <hr>
 </div>
 <script>
  new Vue({
    el: '#hehe',
    data: {
       string: "false",
       num: 123,
       bool: false,
       null: null,
       undef: undefined,
       arr: [1,2,3,4],
       obj: {us:123,ps:456}
    }
  })
  /*
  插值法除了可以使用数据还可以使用表达式
  ? :
  || 
  && 
  ++
  
  */ 
 </script>
</body>
</html>